<nz-card  style="height: 68px;"  >
<span style="font-size: 18pt;margin-bottom: 1px"> 当前时间{{ today | date: 'yyyy-MM-dd HH:mm:ss'}}, {{tuisong}}</span>

</nz-card>
<div nz-row [nzGutter]="24">
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
      <g2-card [title]="'待收货'" total="{{loanAmount}}" contentHeight="46px" [action]="action1" >
        <ng-template #action1>
          <nz-tooltip [nzTitle]="'指标说明'">
            <i nz-tooltip nz-icon type="info-circle"></i>
          </nz-tooltip>
        </ng-template>
        <g2-mini-area *ngIf="loanAmountData" color="#975FE4" height="46" [data]="loanAmountData"></g2-mini-area>

      </g2-card>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
      <g2-card [title]="'待上架'" total="{{loanNalance}}" contentHeight="44px" [action]="action2"  >
        <ng-template #action2>
          <nz-tooltip [nzTitle]="'指标说明'">
            <i nz-tooltip nz-icon type="info-circle"></i>
          </nz-tooltip>
        </ng-template>
          <trend flag="{{loanNalanceWeekUp}}">
            周同比
            <span class="pl-sm">{{loanNalanceWeek}}%</span>
          </trend>
          <trend flag="{{loanNalanceDataUp}}" style="display:block; margin-top:2px;">
            日同比
            <span class="pl-sm">{{loanNalanceData}}%</span>
          </trend>

      </g2-card>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
      <g2-card [title]="'待下架'" total="{{loss}}" contentHeight="46px" [action]="action3" >
        <ng-template #action3>
          <nz-tooltip [nzTitle]="'指标说明'">
            <i nz-tooltip nz-icon type="info-circle"></i>
          </nz-tooltip>
        </ng-template>
        <g2-mini-bar *ngIf="lossData" height="46" [data]="lossData"></g2-mini-bar>

      </g2-card>
    </div>
    <div nz-col nzXs="24" nzSm="12" nzMd="12" nzLg="6">
      <g2-card [title]="'已完成'" total="{{defective}}%" contentHeight="46px" [action]="action4"  >
        <ng-template #action4>
          <nz-tooltip [nzTitle]="'指标说明'">
            <i nz-tooltip nz-icon type="info-circle"></i>
          </nz-tooltip>
        </ng-template>
        <g2-mini-progress height="46" percent="78" strokeWidth="8" target="80" color="#13C2C2"></g2-mini-progress>

      </g2-card>
    </div>
  </div>
  <nz-card    >
    <!--<nz-tabset [nzTabBarExtraContent]="extraTemplate" *ngIf="data.salesData" (nzSelectedIndexChange)="salesChange($event)">-->
      <!--<nz-tab *ngFor="let tab of saleTabs" [nzTitle]="(tab.key)">-->
        <div nz-row>
          <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="8">
            <div class="bar">
              <g2-bar   height="295" style="width: 100%" [title]="xiajiatitle" [data]="loanAmountData"></g2-bar>
            </div>
          </div>
          <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="8">
            <div class="rank">
              <h4 class="ranking-title">{{'待上架任务'}}</h4>
              <!--<g2-pie [color]="i !== offlineIdx && '#BDE4FF'" [inner]="0.55" [tooltip]="false" [padding]="[0, 0, 0, 0]" [percent]="tab.cvr * 100" [height]="64"></g2-pie>-->

            </div>
          </div>

          <div nz-col nzXs="24" nzSm="24" nzMd="12" nzLg="8">
            <div class="rank">
              <h4 class="ranking-title">{{'待处理任务'}}</h4>

            </div>
          </div>

        </div>
      <!--</nz-tab>-->
      <!--<ng-template #extraTemplate>-->
        <!--<div class="sales-extra-wrap">-->
          <!--<div class="sales-extra">-->
            <!--<a (click)="setDate('today')">今日</a>-->
            <!--<a (click)="setDate('week')">本周</a>-->
            <!--<a (click)="setDate('month')">本月</a>-->
            <!--<a (click)="setDate('year')">全年</a>-->
          <!--</div>-->
          <!--<nz-range-picker [(ngModel)]="date_range" style="display:inline-block; width: 256px;"></nz-range-picker>-->
        <!--</div>-->
      <!--</ng-template>-->
    <!--</nz-tabset>-->
  </nz-card>




